@import "../../common/css/mixin";

body {
  width: 100%;
  height: 100%;
  font-family:"Microsoft YaHei UI";
}
.main{
  text-align: center;
}
.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.header{
  @include px2rem(padding-top, 68);

  .picture{
    display: inline-block;
    @include bg-image('../img/title');
    @include px2rem(background-size, 632);
    @include px2rem(height, 259);
    @include px2rem(width, 632);
    background-repeat: no-repeat;
  }
}
.section{
  @include px2rem(padding-top, 40);

  .picture{
    display: inline-block;
    @include bg-image('../img/chance');
    @include px2rem(background-size, 509);
    @include px2rem(height, 116);
    @include px2rem(width, 509);
    background-repeat: no-repeat;
  }
}
.footer{
  position: -webkit-sticky;
  position: sticky;
  @include px2rem(bottom, 5);
  @include px2rem(padding-top, 553);
  @include font-dpr(18px);
  color: #b55923;
  white-space: nowrap;

  .picture{
    vertical-align: middle;
    display: inline-block;
    @include bg-image('../img/add2');
    @include px2rem(background-size, 442);
    @include px2rem(height, 53);
    @include px2rem(width, 442);
    background-repeat: no-repeat;
  }
}
